body {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}
.clearfix{clear: both}
*{
  padding: 0;;margin: 0;box-sizing: border-box;
}
ul,li{
  outline-style: none;
  text-decoration: none;
  list-style:none
}
a {
  color: #00B7FF;
}
.photos{
  width: 80%;
  margin: auto;
}
.photos li{
  text-align: center;
  float: left;
  padding:0 10px;
  width: 20%;
  height: 310px;

}
.photos li h6{
  height: 36px;
  line-height: 36px;
}
.photos li img{
  max-width: 100%;
  height: calc(100% - 36px);
}